<template>
  <div class="flow-display-wraper">
    <wh-flow-display
      :flow-id="flowId"
      :base-url="baseUrl"
      :headers="headers"
      @on-back="onBack" />
  </div>
</template>

<script>
import { whFlowDisplay } from 'wh-flow'
export default {
  components: {
    whFlowDisplay
  },
  data() {
    return {
      flowId: '',
      baseUrl: 'http://192.168.27.74:8083',
      headers: {
        Authorization: 'Bearer eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6Ijg0YmNhYjliLTVhZWQtNDk2MC05NTdlLTA3MGM3NjEzNDNmNiJ9.vJnAbaeiBvi-A0nCGklwHnV81HSIsay8AsoVg4mpObM21NNZ7ov_etKUsW5jEwokBgVNUcxHUsBFrR7K2dS5bA',
        Clientid: 'e5cd7e4891bf95d1d19206ce24a7b32e'
      },
    }
  },
  mounted() {
    // this.flowId = this.$route.query.id
    this.flowId = '1752504555700170753'
  },
  methods: {
    onBack() {
      console.log("返回")
      this.$router.back()
    }
  },
}
</script>

<style scoped lang="scss">
  .flow-display-wraper {
    width: 100%;
    height: 100%;
  }
</style>
